// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.

@import '../../common/styles/common.scss';

.details-view-test-nav-area {
    box-sizing: border-box;
    overflow-x: hidden;

    a {
        &:focus {
            @media screen and (forced-colors: active) {
                border: 3px highlighttext solid;
            }
        }
    }

    li {
        :global {
            .is-selected {
                background-color: $nav-link-selected;

                a,
                button {
                    background-color: $nav-link-selected !important;
                    @media (forced-colors: active) {
                        forced-color-adjust: none;
                        background-color: Highlight !important;
                    }
                }
            }

            .is-expanded,
            .is-expanded + ul {
                background-color: $nav-link-expanded;
            }
        }

        :global(.ms-Nav-compositeLink):hover {
            a,
            button {
                background-color: $nav-link-hover;
                @media (forced-colors: active) {
                    background-color: Highlight !important;
                }
            }
        }
    }
}
